<!DOCTYPE html>
<html lang="zh">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>页面</title>
    <script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/loading.js"></script>
    <link href="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/theme-chalk/index.css" rel="stylesheet">


</head>

<body>
<div id="app">
    <el-container>
        <el-header>
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">合作商管理</el-breadcrumb-item>
                <el-breadcrumb-item>企业管理</el-breadcrumb-item>
                <el-breadcrumb-item>企业信息查看</el-breadcrumb-item>
            </el-breadcrumb>
        </el-header>

        <el-main>
            <el-form ref="companyForm" :model="companyForm" label-width="30%">
                <el-row>
                    <el-col>
                        <el-steps :active="1" simple>
                            <el-step title="公司基本信息" icon="el-icon-edit"></el-step>
                        </el-steps>
                    </el-col>
                </el-row>
                <br>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="公司名称" >
                            <el-input v-model="companyForm.company_name" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="组织机构代码" >
                            <el-input v-model="companyForm.company_code" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="营业执照注册号" >
                            <el-input v-model="companyForm.company_num" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="企业性质" >
                            <el-select v-model="companyForm.company_type" filterable placeholder="请选择" style="width:100%" disabled>
                                <el-option v-for="item in nature" :key="item.company_type" :label="item.company_type"
                                           :value="item.company_type">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="街道信息" >
                            <el-input v-model="companyForm.company_address" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="营业执照及组织代码附件">
                            <img :src="companyForm.company_pic_url" style="max-width:100px">
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :xs="24" :sm="24" :md="24" :lg="2" :xl="2">
                        <el-button type="primary" plain disabled>经营类型</el-button>
                    </el-col>
                    <el-col :xs="24" :sm="24" :md="24" :lg="14" :xl="12" style="text-align:left">
                        <el-form-item label-width="0px">
                            <el-checkbox-group v-model="companyForm.company_manage_types" disabled>
                                <el-checkbox v-for="city in manage_types" :label="city" :key="city" border>{{city}}</el-checkbox>
                            </el-checkbox-group>
                        </el-form-item>
                    </el-col>
                    <#--<el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">-->
                        <#--<el-form-item label="其他" label-width="50px">-->
                            <#--<el-input v-model="aa" style="width:100px" :disabled="true">-->
                            <#--</el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="24" :md="24" :lg="2" :xl="2">
                        <el-button type="primary" plain disabled>企业资质</el-button>
                    </el-col>
                    <#--<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6">-->
                        <#--<el-form-item label="开发资质" >-->
                            <#--<el-select v-model="companyForm.company_exploit" filterable placeholder="请选择" disabled>-->
                                <#--<el-option v-for="item in aptitude" :key="item.company_type" :label="item.company_type"-->
                                           <#--:value="item.company_type">-->
                                <#--</el-option>-->
                            <#--</el-select>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <#--<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6">-->
                        <#--<el-form-item label="装饰等级" >-->
                            <#--<el-select v-model="companyForm.company_decoration" filterable placeholder="请选择" disabled>-->
                                <#--<el-option v-for="item in aptitude" :key="item.company_type" :label="item.company_type"-->
                                           <#--:value="item.company_type">-->
                                <#--</el-option>-->
                            <#--</el-select>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
                        <el-form-item label="施工资质" >
                            <el-select v-model="companyForm.company_construction" filterable placeholder="请选择" disabled>
                                <el-option v-for="item in aptitude" :key="item.company_type" :label="item.company_type"
                                           :value="item.company_type">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="上一年度销售额" >
                            <el-input v-model.number="companyForm.company_lastyear_sale" autocomplete="off" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="上年材料设备采购余额（万元）" >-->
                            <#--<el-input v-model.number="companyForm.company_lastyear_balance" autocomplete="off"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="本年度计划销售目标" >
                            <el-input v-model.number="companyForm.company_objective" :disabled="true" autocomplete="off"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <#--<el-row>-->

                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="土地储备可持续开发时间" >-->
                            <#--<el-input v-model.number="companyForm.company_explit_year" autocomplete="off"-->
                                      <#--placeholder="请输入数字，单位：年"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <el-row>
                    <el-col>
                        <el-steps :active="1" simple>
                            <el-step title="财务信息" icon="el-icon-edit"></el-step>
                        </el-steps>
                    </el-col>
                </el-row> <br>

                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="开户行名称" >
                            <el-input v-model="companyForm.company_bankcard_name" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="银行卡号" >
                            <el-input v-model.number="companyForm.company_bankcard_num" autocomplete="off" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="统一社会信用代码" >
                            <el-input v-model="companyForm.company_credit_code" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="纳税人识别号" >
                            <el-input v-model="companyForm.company_people_code" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <#--<el-row>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="纳税人名称" >-->
                            <#--<el-input v-model="companyForm.company_people_name" :disabled="true"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="纳税人资质" >-->
                            <#--<el-select v-model="companyForm.company_people_resource" filterable placeholder="请选择"-->
                                       <#--style="width:100%" disabled>-->
                                <#--<el-option v-for="item in people_resource" :key="item.type" :label="item.type"-->
                                           <#--:value="item.type">-->
                                <#--</el-option>-->
                            <#--</el-select>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="增值税专用发票最高额（元）" >-->
                            <#--<el-input v-model.number="companyForm.company_invoice_price" autocomplete="off" :disabled="true"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="税控机类型" >-->
                            <#--<el-select v-model="companyForm.company_invoice_type" filterable placeholder="请选择"-->
                                       <#--style="width:100%" disabled>-->
                                <#--<el-option v-for="item in invoice_type" :key="item.label" :label="item.label"-->
                                           <#--:value="item.label">-->
                                <#--</el-option>-->
                            <#--</el-select>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <el-row>
                    <el-col>
                        <el-steps :active="1" simple>
                            <el-step title="负责人联系方式" icon="el-icon-edit" :disabled="true"></el-step>
                        </el-steps>
                    </el-col>
                </el-row>
                <br>
                <el-row>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="姓名" >
                            <el-input v-model="companyForm.company_principal_name" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="部门" >-->
                            <#--<el-input v-model="companyForm.company_principal_dept"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="职位" >
                            <el-input v-model="companyForm.company_principal_position" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>

                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="* 手机" >
                            <el-input v-model="companyForm.company_principal_phone" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
                        <el-form-item label="邮箱" >
                            <el-input v-model="companyForm.company_principal_email" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <#--<el-row>-->

                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="地址" >-->
                            <#--<el-input v-model="companyForm.company_principal_address"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->

                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col>-->
                        <#--<el-steps :active="1" simple>-->
                            <#--<el-step title="紧急联系人" icon="el-icon-edit"></el-step>-->
                        <#--</el-steps>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="姓名" >-->
                            <#--<el-input v-model="companyForm.company_emergency_name"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="部门" >-->
                            <#--<el-input v-model="companyForm.company_emergency_dept"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="职位" >-->
                            <#--<el-input v-model="companyForm.company_emergency_position"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="* 手机" >-->
                            <#--<el-input v-model="companyForm.company_emergency_phone"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="地址" >-->
                            <#--<el-input v-model="companyForm.company_emergency_address"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">-->
                        <#--<el-form-item label="邮箱" >-->
                            <#--<el-input v-model="companyForm.company_emergency_email"></el-input>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <el-row>
                    <el-form-item>
                        <a onclick="javascript:history.back(-1);">
                            <el-button>返回</el-button>
                        </a>
                    </el-form-item>
                </el-row>
            </el-form>
        </el-main>
        <el-footer>

        </el-footer>
    </el-container>
</div>

<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/dist/vue.js"></script>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/index.js"></script>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/publiccss/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                manage_types: ['住宅开发', '商业开发', '产业开发', '商业运营', '施工总承包', '装修', '办公','其他'],
                //纳税人资质
                // people_resource: [{
                //     type: '一般纳税人'
                // }, {
                //     type: '资深纳税人'
                // }],
                //企业性质
                nature: [{
                    company_type: '民营企业'
                }, {
                    company_type: '国有企业'
                }, {
                    company_type: '外资企业'
                }],
                //企业资质
                aptitude: [{
                    company_type: '一级'
                }, {
                    company_type: '二级'
                }, {
                    company_type: '三级'
                }],
                //税控机类型
                // invoice_type: [{
                //     label: '一级'
                // }, {
                //     label: '二级'
                // }, {
                //     label: '三级'
                // }, {
                //     label: '四级'
                // }, {
                //     label: '五级'
                // }],
                //表单内容
                companyForm: {
                    company_name: '${bean.company_name}',
                    company_code: '${bean.company_code}',
                    company_num: '${bean.company_num}',
                    company_type: '${bean.company_type}',
                    company_address: '${bean.company_address}',
                    company_pic_url: '${bean.company_pic_url}',
                    company_manage_types: [],
                    company_manage_type: '',
                    company_exploit: '${bean.company_exploit}',
                    company_decoration: '${bean.company_decoration}',
                    company_construction: '${bean.company_construction}',
                    company_lastyear_sale: '${bean.company_lastyear_sale}',
                    company_lastyear_balance: '${bean.company_lastyear_balance}',
                    company_objective: '${bean.company_objective}',
                    company_explit_year: '${bean.company_explit_year}',
                    company_bankcard_name: '${bean.company_bankcard_name}',
                    company_bankcard_num: '${bean.company_bankcard_num}',
                    company_credit_code: '${bean.company_credit_code}',
                    company_people_code: '${bean.company_people_code}',
                    company_people_name: '${bean.company_people_name}',
                    company_people_resource: '${bean.company_people_resource}',
                    company_invoice_price: '${bean.company_invoice_price}',
                    company_invoice_type: '${bean.company_invoice_type}',
                    company_principal_name: '${bean.company_principal_name}',
                    company_principal_dept: '${bean.company_principal_dept}',
                    company_principal_position: '${bean.company_principal_position}',
                    company_principal_phone: '${bean.company_principal_phone}',
                    // company_principal_street: '',
                    company_principal_email: '${bean.company_principal_email}',
                    company_principal_address: '${bean.company_principal_address}',
                    company_emergency_name: '${bean.company_emergency_name}',
                    company_emergency_dept: '${bean.company_emergency_dept}',
                    company_emergency_position: '${bean.company_emergency_position}',
                    company_emergency_phone: '${bean.company_emergency_phone}',
                    // company_emergency_street: '',
                    company_emergency_email: '${bean.company_emergency_email}',
                    company_emergency_address: '${bean.company_emergency_address}'
                },
                aa:'',
            };

        },
        mounted() {
            var mycars = "${bean.company_manage_type}";
            mycars = mycars.split(",");
            this.companyForm.company_manage_types = mycars;
            console.log(this.companyForm.company_manage_types)
        }
    })
</script>
</body>

</html>